const bodyObj = document.querySelector('body')


/**
 * 弹出提示框toast
 */
export function toast(arg, time=1500){
    var toast = document.querySelector('#toast')
    //判断是否存在该提示框语句
    if(toast){
        return false;
    }else{
        var str = `
            <div style="width:100%">
                <div style="
                    padding:15px 12px;
                    background:rgba(0,0,0,0.7);
                    color:#fff;
                    text-align:center;
                    font-weight:500;
                    font-size:14px;
                    border-radius:5px;
                    max-width:80%;
                    line-height:18px;
                    position:fixed;
                    top:50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    z-index:100;
                ">
                    ${arg}
                </div>
            </div>
        `
        //添加 li
　　　　var divObj = document.createElement("div")
　　　　//设置 li 属性，如 id
        divObj.setAttribute("id", "toast")
        //给元素添加内容
        divObj.innerHTML = str

        //给页面添加元素
        bodyObj.appendChild(divObj);
        //删除元素
        setTimeout(function(){
            bodyObj.removeChild(divObj)
        }, time);
    }
}


/**
 * 加载指示器：indicator
 */
export function indicator(arg){
    var indicator = document.querySelector('#indicator')
    if(arg){
        //判断是否存在该提示框语句
        if(indicator){
            return false;   //判断是否存在该提示框语句
        }else{
            var str = `
                <div style="
                    padding:10px 0 5px;
                    background:rgba(255,255,255,1);
                    box-shadow: rgba(0,0,0,0.08) 0 0 5px 1px ;
                    color:#666;
                    text-align:center;
                    font-weight:500;
                    font-size:14px;
                    border-radius:5px;
                    max-width:80%;
                    line-height:18px;
                    position:fixed;
                    top:50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    z-index:100;
                ">
                    <img width="72" height="40" src="./src/common/image/indicator.gif">
                    <div style="margin-top:-5px;font-size:10px;color:666">加载中...</div>
                </div>
            `
            // <div style="margin-top:5px;font-size:12px;color:666">加载中...</div>
            
            //创建 元素
    　　　　var divObj = document.createElement("div")
    　　　　//设置 li 属性，如 id
            divObj.setAttribute("id", "indicator")
            //给元素添加内容
            divObj.innerHTML = str
            //给页面添加元素
            bodyObj.appendChild(divObj);
        }
    }else {
        //删除元素
        if(indicator){
            bodyObj.removeChild(indicator)
        }
    }
}